<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>home</title>

    <!-- 引入font awesome插件链接  -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">

    <!--  css 链接  -->
    <link rel="stylesheet" href="css/style.css">

</head>
<body>
    
<!-- 导航条开始部分 -->

<nav class="navbar">
    <a href="home.html"> <i class="fas fa-home"></i> <span>主页</span> </a>
    <a href="about.html"> <i class="fas fa-user"></i> <span>相关</span> </a>
    <a href="translation.html"> <i class="fas fa-globe"></i><span>风景</span> </a>
    <a href="place.html"> <i class="fas fa-cheese"></i><span>美食</span> </a>
    <a href="contact.html"> <i class="fas fa-address-book"></i> <span>合同</span> </a>
</nav>

<!-- 导航部分结束 -->

<!-- 主界面显示  -->

<section class="home">

    <div class="image">
        <img src="images/user.jpg" alt="">
    </div>

    <div class="content">
        <h3>(｡･∀･)ﾉﾞ嗨！我是大熊猫花花</h3>
        <span>顶流女明星</span> 
        <!-- span使这句话颜色改变样式 -->
        <p>我来自四川成都，我拥有超级多的粉丝哦！</p>
        <a href="#" class="btn"> 关于我 <i class="fas fa-user"></i> </a>
    </div>

</section>

<!-- 主界面部分结束 -->

</body>
</html>